<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="plugins/aui-20170109-v2/css/aui.css" type="text/css"/>
    <link rel="stylesheet" href="css/my.css" type="text/css"/>
</head>
<body>
<!--头部开始-->
<header>
    <div class="aui-bar aui-bar-nav">
        <div class="aui-title">我的</div>
        <a class="aui-pull-right aui-btn aui-btn-outlined">
            <span>设置</span>
        </a>
    </div>
    <div class="my-box">
        <div class="my-box-left">
            <div class="my-box-left-img">
                <img src="img/grzx_03.jpg">
                <img src="img/wd_08.gif" class="xinxin">
            </div>
            <div class="text">
                杨大力
                <p>152****9527</p>
            </div>
        </div>
        <div class="my-box-right">
            <a class="aui-pull-right">
                <span class="aui-iconfont aui-icon-right"></span>
            </a>
        </div>
    </div>
</header>
<!--头部结束-->
<!--开始页面主体部分-->
<div class="aui-content aui-margin-b-15">
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_11.jpg">
            </div>
            <div class="aui-list-item-inner aui-list-item-inner-last">
                蚂蚁会员
                <p class="text"> 3，765积分</p>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="aui-content aui-margin-b-15">
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_15.jpg">
            </div>
            <div class="aui-list-item-inner">
                账单
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_19.jpg">
            </div>
            <div class="aui-list-item-inner">
                总资产
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_22.jpg">
            </div>
            <div class="aui-list-item-inner">
                余额
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_26.jpg">
            </div>
            <div class="aui-list-item-inner">
                余额宝
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_30.jpg">
            </div>
            <div class="aui-list-item-inner aui-list-item-inner-last">
                银行卡
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="aui-content aui-margin-b-15">
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_33.jpg">
            </div>
            <div class="aui-list-item-inner">
                芝麻信用
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_36.jpg">
            </div>
            <div class="aui-list-item-inner">
                保险服务
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_40.jpg">
            </div>
            <div class="aui-list-item-inner">
                花呗
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_44.jpg">
            </div>
            <div class="aui-list-item-inner">
                蚂蚁借呗
                <p class="text">查看信用借款额度</p>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_48.jpg">
            </div>
            <div class="aui-list-item-inner aui-list-item-inner-last">
                网商银行
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="aui-content aui-margin-b-15 aui-list-last">
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_51.jpg">
            </div>
            <div class="aui-list-item-inner">
                公益
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-label-icon">
                <img src="img/my-img/wd_56.jpg">
            </div>
            <div class="aui-list-item-inner">
                娱乐宝
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--结束页面主体部分-->
<!--尾部开始-->
<section class="aui-grid">
    <div class="aui-row">
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-grid-label">首页</div>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-gear"></i>
            <div class="aui-grid-label">设置</div>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-map"></i>
            <div class="aui-grid-label">地图</div>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-calendar"></i>
            <div class="aui-grid-label">日历</div>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-grid-label">我的</div>
        </div>
    </div>
</section>
<!--尾部结束-->
<script src="plugins/aui-20170109-v2/script/aui-pull-refresh.js"></script>
</body>
</html>